<template>
    <div class="recharge">
        <div class="recharge_content">
            <div class="recharge_text_card"><span>选择银行卡：</span><span class="re_card">平安银行（2356）</span>
            <img src="../../../static/images/right.png" alt="" class="right"></div>
            <div class="recharge_text"><span>请输入提现金额</span></div>
            <div class="recharge_m">
                <span>￥</span>
                <input type="Number" name="" id="">
            </div>
            <div class="recharge_on">
                <span>余额￥2563.00</span>
            </div>
            <button class="btn">下一步</button>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.recharge{
    width: 100%;
    margin-top: 20rpx;
    .recharge_content{
        width: 80%;
        height: 253px;
        margin: auto;
        background: #fff;
        padding: 20px;
    .recharge_text_card{
        width: 100%;
     height:100rpx;
    line-height:96rpx;
     background: #FBFBFB;

        span{
            font-size: 14px;
        }
        .re_card{
            font-weight: 700;
        }
        .right{
            width: 20rpx;
            height: 20rpx;
            text-align: center;
        }
    }
        .recharge_text{
            span{
                color: #989898;
                font-size: 14px;
            }
        }
        .recharge_m{
              border-bottom: 1px solid #E1E1E1;
              margin-top: 20rpx;
              height: 80rpx;
              line-height: 80rpx;
            span{
                font-size: 25px;
                font-weight: 800;
            }
            input{
                display: inline-block;
              
            }
        }
        .recharge_on{
            height: 30px;
            margin-top: 20rpx;
            span{
                color: #323232;
                font-size: 13px;
            }
        }
        .btn{
            margin-top: 60rpx;
            background: #FECB55;
        }
    }
}
</style>

